<?php /* @var $this Controller */ ?>

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <title>My Route</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
    </head>

    <body>
        <div class="header">
            <div class="well">
                <a href="login.html" role="button" class="btn pull-right">Login</a>
            </div>
        </div>
        <div class="fluid-container span12">
            <div class="span6">
                <img src="images\my.route.png">
            </div>
        </div>
        <div class="container">
            <div class="row-fluid">
                <div class="span7">
                    <li class="span8">
                        <div class="span6">
                            <img src="images\world.png" >
                        </div>
                        <div class="span6">
                            <h3>Para qualquer lugar</h3>
                            <p>De onde você estiver e para onde quiser ir</p>
                            <div>&nbsp</div>
                        </div>
                    </li>
                    <li class="span8">
                        <div class="span6">
                            <img src="images\people.png" >
                        </div>
                        <div class="span6">
                            <h3>Todos seus amigos</h3>
                            <p>Encontre seus amigos caroneiros em toda a parte</p>
                            <div>&nbsp</div>
                        </div>
                    </li>
                    <li class="span8">
                        <div class="span6">
                            <img src="images\world.png">
                        </div>
                        <div class="span6">
                            <h3>De qualquer lugar</h3>
                            <p>A qualquer momento de qualquer lugar, com <a class="text-info">my.route</a> vo se pega carona de onde estiver</p>
                            <div>&nbsp</div>
                        </div>
                    </li>
                </div><!--/span-->
                <div class="span5 pull-left">         											
                    <form class="well">
                        <div class="controls">
                            <label for="nome">Nome</label>
                            <div class="controls controls-row:before">
                                <input type="text" class="span6" id="nome" placeholder="Nome...">
                                <input type="text" class="span6" id="sobrenome" placeholder="Sobrenome...">
                            </div>
                        </div>
                        <div class="controls">
                            <label for="email">E-mail</label>
                            <input type="email" class="span12" id="email">
                        </div>
                        <div class="controls">
                            <label for="senha">Senha</label>
                            <input type="password" class="span6" id="senha">
                        </div>
                        <div class="controls">
                            <label for="conf-senha">Confirme a senha</label>
                            <input type="password" class="span6" id="conf-senha">
                        </div>
                        <div class="controls">
                            <label for="dia">Data de nascimento</label>
                            <div class="controls controls-row:before">
                                <input type="text" class="span4" id="dia" placeholder="Dia">
                                <select name="mes" id="mes" class="span4">
                                    <option value="1">Janeiro</option>
                                    <option value="2">Fevereiro</option>
                                    <option value="3">Março</option>
                                    <option value="4">Abril</option>
                                    <option value="5">Maio</option>
                                    <option value="6">Junho</option>
                                    <option value="7">Julho</option>
                                    <option value="8">Agosto</option>
                                    <option value="9">Setembro</option>
                                    <option value="10">Outubro</option>
                                    <option value="11">Novembro</option>
                                    <option value="12">Dezembro</option>
                                </select>
                                <input type="text" class="span4" id="ano" placeholder="Ano">
                            </div>
                        </div>
                        <div class="controls">
                            <label for="sexo">Sexo</label>
                            <select name="sexo" id="sexo" class="span6">
                                <option value="m">Masculino</option>
                                <option value="f">Feminino</option>
                            </select>
                        </div>
                        <div class="controls">
                            <script type="text/javascript"
                                   src="http://www.google.com/recaptcha/api/challenge?k=6LdKPNgSAAAAAE9yl_Wp9JeIzYedCo8L46JvPiMu">
                            </script>
                            <noscript>
                               <iframe src="http://www.google.com/recaptcha/api/noscript?k=6LdKPNgSAAAAAE9yl_Wp9JeIzYedCo8L46JvPiMu"></iframe><br>
                               <textarea name="recaptcha_challenge_field" rows="3" cols="40">
                               </textarea>
                               <input type="hidden" name="recaptcha_response_field"
                                   value="manual_challenge">
                            </noscript>
          
                        </div>
                        <div class="controls">
                            <label class="checkbox">
                                <input type="checkbox"> Concordo com os <a href="#">Termos de Serviço</a> e <a href="#">Política de Privacidade</a> do My.Route.
                            </label>
                        </div>
                        <div class="controls">	
                            <button type="submit" class="btn btn-primary">Cadastrar</button>
                        </div>
                    </form>
                </div><!--/row-->
            </div>
        </div><!--/.fluid-container-->

        <footer>
            <p>&copy; My Route</p>
        </footer>

    </body>
</html>
